<template>
  <view class="float_btn" @click="gotoPage(type)">
	  <view class="buttons">
		  <view class="button" :style="{width:size.width,height:size.height}">
			  <image class="img" :src="icon" mode="widthFix"></image>
		  </view>
	  </view>
  </view>
</template>
 
<script>
  export default {
    name: '',
	props:{
		type:"",
		size:{
			type:Object,
			default:()=>{
				return {
					width:"100rpx",
					height:"100rpx"
				}
			}
		},
		icon:{
			type:String,
			default:""
		}
	},
	components: {
		
	},
    data: function () {
      return {
      }
    },
    methods: {
		gotoPage(from){
			switch(from){
				case "store":
				return
				break
				case "tea":
				this.$tools.routerTo("pages/my_tea/my_tea")
				break
			}
		}
	},
    created() { },
    mounted() { },
  }
</script>
 
<style scoped lang="scss">
	.button{
		margin-top: 30rpx;
	}
	.img{
		width: 100%;
		height: 100%;
	}
</style>
